<template>
  <div style="height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; display: flex">
    <div style="width: 200px; padding-left: 30px; font-weight: bold; color: dodgerblue">高校实习实训管理平台</div>
    <div style="flex: 1">
      <el-breadcrumb :separator-icon="ArrowRight" style="margin-top: 17px;margin-left: 10px">
      <el-breadcrumb-item
      v-for="route in $route.matched" :key="route.path" :to="{ path: route.path }"
      >{{ route.meta.title }}</el-breadcrumb-item>
    </el-breadcrumb></div>
    <div style="width: 100px">
      <el-dropdown>
    <span class="el-dropdown-link">
      <br>管理员
      <el-icon class="el-icon--right">
        <arrow-down />
      </el-icon>
    </span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click="close">退出</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>

  </div>
</template>

<script>
import {ArrowDown} from "@element-plus/icons";
import router from "@/router";
import { ArrowRight } from "@element-plus/icons"

export default {
  name: "header_ad",
  components:{
    ArrowDown,
  },
  methods:{
    close(){
      this.$router.push('/login')
      localStorage.clear()
    },
  },

}


</script>
